
/* 动画效果 */
.zoom-in {
    -webkit-animation: zoomIn 1s; /* Safari and Chrome */
    -moz-animation: zoomIn 1s;    /* Firefox */
    -o-animation: zoomIn 1s;      /* Opera */
    animation: zoomIn 1s;
}


@-webkit-keyframes slideInLeft {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
}


body {
    font-size: 16px; /* 放大文字大小 */
}


a {
    padding: 0.5em; /* 增大链接的点击热区 */ 
}

button {
    padding: 0.5em; /* 增大按钮的点击热区 */
}


a, button {
    -webkit-tap-highlight-color: transparent; /* 点击链接或按钮时的高亮效果 */
}

a:focus, 
button:focus {
    outline: none; /* 点击链接或按钮时的焦点框 eliminator */
}


.container {
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    /* 在一定屏幕以上做调整 */
}

